<template>
  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme-overrides="themeOverrides">
    <n-message-provider>
      <router-view />
    </n-message-provider>
  </n-config-provider>
</template>

<script lang="ts">
import { zhCN, dateZhCN, GlobalThemeOverrides } from 'naive-ui'
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'App',
  setup() {
    const themeOverrides: GlobalThemeOverrides = {
      common: {
        primaryColor: '#1890FF',
        primaryColorHover: '#1890FFD4',
        primaryColorPressed: '#187CFF',
        primaryColorSuppl: '#1890FFD4',
        infoColor: '#909399',
        infoColorHover: '#909399D4',
        infoColorPressed: '#82848A',
        infoColorSuppl: '#909399D4'
      }
    }

    return {
      themeOverrides,
      zhCN,
      dateZhCN
    }
  }
})
</script>

<style></style>
